<!DOCTYPE html>
<!-- saved from url=(0047)https://agmstudio.io/themes/material-style/1.3/ -->
<html lang="zh-CN" class="sb-init">

  <head>
      <link href="Font-Awesome-3.2.1/css/font-awesome.css">
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
      <meta name="theme-color" content="#333">
      <title>中国矿业大学第二届网络文化节</title>
      <meta name="description" content="Material Style Theme">
      <link rel="stylesheet" href="./preload.min.css">
      <link rel="stylesheet" href="./plugins.min.css">
      <link rel="stylesheet" href="./style.light-blue-500.min.css">
      <link rel="stylesheet" href="./width-boxed.min.css" id="ms-boxed" disabled="">
       <!-- Bootstrap -->
      <!--button库-->
      <link rel="stylesheet" href="button.css">
      <link rel="stylesheet" href="style.css">
      <!--自建样式表-->
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <link href="./many.css" rel="stylesheet">
      <!--[if lt IE 9]>
          <script src="assets/js/html5shiv.min.js"></script>
          <script src="assets/js/respond.min.js"></script>
      <![endif]-->
  </head>

  <body style="overflow: visible;"> 
    <div class="sb-site-container">
      <header class="ms-header ms-header-primary">
        <div class="container container-full">
          <!-- 导航栏上方的cumt -->
          <div class="ms-title">
            <a href="https://agmstudio.io/themes/material-style/1.3/index.html">
              <img src="cumt.png" alt="" class="cumt-logo-big">               
              <h1 class="animated fadeInRight animation-delay-6">中国矿业大学第二届网络文化节</h1>
            </a>
          </div>
          <!-- 导航栏右边的小按钮 -->
          <div class="header-right">
            <a href="login.html" class="btn-circle btn-circle-primary no-focus animated zoomInDown animation-delay-8">
              <i class="glyphicon glyphicon-user menu-right-logo"></i>
            </a>
            <form class="search-form animated zoomInDown animation-delay-9">
              <input id="search-box" type="text" class="search-input" placeholder="Search..." name="q">
              <label for="search-box">
                <i class="glyphicon glyphicon-search menu-right-logo"></i>
              </label>
            </form>         
          </div>
        </div>
      </header>

      <!-- 导航栏 -->
      <nav class="navbar navbar-static-top yamm ms-navbar ms-navbar-primary">
        <div class="container container-full">
          <div class="navbar-header">
            <a class="navbar-brand" href="#">             
              <img src="cumt.png" alt="" class="cumt-logo-small"> 
              <span class="ms-title">中国矿业大学第三届网络文化节
              </span>
            </a>
          </div>
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li class="dropdown active">
                 <a href="index-main-page.html" class="animated fadeIn animation-delay-4" data-hover="首页" role="button" aria-haspopup="true" aria-expanded="false" data-name="homepage">首页
                  <i class="glyphicon glyphicon-chevron-down menu-logo"></i>
                </a>            
              </li>
              <li class="dropdown">
                <a href="javascript:void(0)" class="dropdown-toggle animated fadeIn animation-delay-5" data-toggle="dropdown" data-hover="dropdown" data-name="page" aria-expanded="false">关于大赛
                  <i class="glyphicon glyphicon-chevron-down menu-logo"></i>
                </a>
               <ul class="dropdown-menu dropdown-menu-left animated-2x animated fadeIn">
                  <li class="dropdown"><a href="movie-introduction.html">微电影比赛介绍</a></li>
                  <li class="dropdown"><a href="photo-introduction.html">摄影比赛介绍</a></li>
                  <li class="dropdown"><a href="artical-introduction.html">网文比赛介绍</a></li>
                  <li class="dropdown"><a href="adv-introduction.html">公益广告比赛介绍</a></li>
                  <li class="dropdown"><a href="creat-introduction.html">校园文化创意比赛介绍</a></li>
                </ul>
              </li>          
             <li class="dropdown">
                <a href="javascript:void(0)" class="dropdown-toggle animated fadeIn animation-delay-5" data-toggle="dropdown" data-hover="dropdown" data-name="page" aria-expanded="false">我要报名
                  <i class="glyphicon glyphicon-chevron-down menu-logo"></i>
                </a>
               <ul class="dropdown-menu dropdown-menu-left animated-2x animated fadeIn">
                  <li class="dropdown"><a href="movie.html">微电影比赛报名</a></li>
                  <li class="dropdown"><a href="photo.html">摄影比赛报名</a></li>
                  <li class="dropdown"><a href="artical.html">网文比赛报名</a></li>
                  <li class="dropdown"><a href="adv.html">公益广告比赛报名</a></li>
                  <li class="dropdown"><a href="creat.html">校园文化创意比赛报名</a></li>
                </ul>
              </li> 
              <li class="dropdown">
                <a href="#" class="dropdown-toggle animated fadeIn animation-delay-9" data-toggle="dropdown" data-hover="dropdown" role="button" aria-haspopup="true" aria-expanded="false" data-name="ecommerce">联系我们
                  <i class="glyphicon glyphicon-chevron-down menu-logo"></i>
                </a>
                <ul class="dropdown-menu">
                  <li>
                    <a href="#">联系学校</a>
                  </li>
                  <li>
                    <a href="#">联系老师</a>
                  </li>
                  <li>
                    <a href="#">联系BXS</a>
                  </li>
                </ul>
              </li>         
            </ul>
          </div>
        </div>
        <!-- container -->
      </nav>

      <!-- 左边嘉宾右边电脑 -->
      <div class="ms-hero ms-hero-material">
        <span class="ms-hero-bg"></span>
        <div class="container">
        <!-- 控制大佬徐嘉宾 -->
          <div class="col-lg-6 col-md-7">
            <div id="carousel-hero" class="carousel slide carousel-fade" data-ride="carousel" data-interval="4000">
              <!-- Wrapper for slides -->
              <div class="carousel-inner" role="listbox">
                <div class="item">
                  <div class="carousel-caption">
                    <div class="ms-hero-material-text-container">
                      <header class="ms-hero-material-title animated slideInLeft animation-delay-5">
                        <h1 class="animated fadeInLeft animation-delay-15 font-smoothing">活动主题</h1>
                        <h2 class="animated fadeInLeft animation-delay-18">践行核心价值观  传播网络正能量</h2>
                      </header>
                      <ul class="ms-hero-material-list">
                        <li class="">
                          <div class="ms-list-icon animated zoomInUp animation-delay-18">
                            <span class="ms-icon ms-icon-circle ms-icon-xlg color-warning shadow-3dp">
                              <i class="glyphicon glyphicon-book"></i>
                            </span>
                          </div>
                          <div class="ms-list-text animated fadeInRight animation-delay-19">唱响网络主旋律</div>
                        </li>
                        <li class="">
                          <div class="ms-list-icon animated zoomInUp animation-delay-20">
                            <span class="ms-icon ms-icon-circle ms-icon-xlg color-success shadow-3dp">
                              <i class="glyphicon glyphicon-book"></i>
                            </span>
                          </div>
                          <div class="ms-list-text animated fadeInRight animation-delay-21">传递网上正能量</div>
                        </li>
                        <li class="">
                          <div class="ms-list-icon animated zoomInUp animation-delay-22">
                            <span class="ms-icon ms-icon-circle ms-icon-xlg color-danger shadow-3dp">
                              <i class="glyphicon glyphicon-book"></i>
                            </span>
                          </div>
                          <div class="ms-list-text animated fadeInRight animation-delay-23">提升网络文明素养</div>
                        </li>
                      </ul>
                      <div class="ms-hero-material-buttons text-right">
                        <div class="ms-hero-material-buttons text-right">
                          <a href="javascript:void(0);" class="button button-highlight button-pill  animated fadeInLeft animation-delay-24 "onclick="javascript:location.href='handin.html'">
                             作品提交</a>
                            <a href="#workin" class="button button-highlight button-pill  btn-success btn-raised animated fadeInRight animation-delay-24">
                                作品赏析</a>
                        </div>
                      </div>
                    </div>
                    <!-- ms-hero-material-text-container -->
                  </div>
                </div>
                <div class="item active">
                  <div class="carousel-caption">
                    <div class="ms-hero-material-text-container">
                      <header class="ms-hero-material-title animated slideInLeft animation-delay-5">
                        <h1 class="animated fadeInLeft animation-delay-15">活动内容</h1>
                        <h2 class="animated fadeInLeft animation-delay-18">比赛前3种</h2>
                      </header>
                      <ul class="ms-hero-material-list">
                        <li class="">
                          <div class="ms-list-icon animated zoomInUp animation-delay-18">
                            <span class="ms-icon ms-icon-circle ms-icon-xlg color-info shadow-3dp">
                              <i class="glyphicon glyphicon-book"></i>
                            </span>
                          </div>
                          <div class="ms-list-text animated fadeInRight animation-delay-19">微电影大赛</div>
                        </li>
                        <li class="">
                          <div class="ms-list-icon animated zoomInUp animation-delay-20">
                            <span class="ms-icon ms-icon-circle ms-icon-xlg color-royal shadow-3dp">
                              <i class="glyphicon glyphicon-book"></i>
                            </span>
                          </div>
                          <div class="ms-list-text animated fadeInRight animation-delay-21">摄影大赛</div>
                        </li>
                        <li class="">
                          <div class="ms-list-icon animated zoomInUp animation-delay-22">
                            <span class="ms-icon ms-icon-circle ms-icon-xlg color-warning shadow-3dp">
                              <i class="glyphicon glyphicon-book"></i>
                            </span>
                          </div>
                          <div class="ms-list-text animated fadeInRight animation-delay-23">网文大赛</div>
                        </li>
                      </ul>
                      <div class="ms-hero-material-buttons text-right">
                        <div class="ms-hero-material-buttons text-right">
                            <a href="javascript:void(0);" class="button button-highlight button-pill  animated fadeInLeft animation-delay-24 mr-2"onclick="javascript:location.href='handin.html'">
                                作品提交</a>
                            <a href="#workin" class="button button-highlight button-pill  btn-success btn-raised animated fadeInRight animation-delay-24">
                                作品赏析</a>
                        </div>
                      </div>
                    </div>
                    <!-- ms-hero-material-text-container -->
                  </div>
                </div>

                <div class="item">
                  <div class="carousel-caption">
                    <div class="ms-hero-material-text-container">
                      <header class="ms-hero-material-title animated slideInLeft animation-delay-5">
                        <h1 class="animated fadeInLeft animation-delay-15">活动内容</h1>
                        <h2 class="animated fadeInLeft animation-delay-18">比赛后2种</span>.</h2>
                      </header>
                      <ul class="ms-hero-material-list">
                        <li class="">
                          <div class="ms-list-icon animated zoomInUp animation-delay-18">
                            <span class="ms-icon ms-icon-circle ms-icon-xlg color-danger shadow-3dp">
                              <i class="glyphicon glyphicon-book"></i>
                            </span>
                          </div>
                          <div class="ms-list-text animated fadeInRight animation-delay-19">公益广告作品</div>
                        </li>
                        <li class="">
                          <div class="ms-list-icon animated zoomInUp animation-delay-20">
                            <span class="ms-icon ms-icon-circle ms-icon-xlg color-info shadow-3dp">
                              <i class="glyphicon glyphicon-book"></i>
                            </span>
                          </div>
                          <div class="ms-list-text animated fadeInRight animation-delay-21">校园文化创意大赛</div>
                        </li>
                        <li class="">
                          <div class="ms-list-icon animated zoomInUp animation-delay-22">
                            <span class="ms-icon ms-icon-circle ms-icon-xlg color-success shadow-3dp">
                              <i class="glyphicon glyphicon-book"></i>
                            </span>
                          </div>
                          <div class="ms-list-text animated fadeInRight animation-delay-23">待续</div>
                        </li>
                      </ul>
                      <div class="ms-hero-material-buttons text-right">
                          <a href="javascript:void(0);" class="button button-highlight button-pill  animated fadeInLeft animation-delay-24 mr-2"onclick="javascript:location.href='handin.html'">
                              作品提交</a>
                          <a href="#workin" class="button button-highlight button-pill  btn-success btn-raised animated fadeInRight animation-delay-24">
                              作品赏析</a>
                      </div>
                    </div>
                    <!-- ms-hero-material-text-container -->
                  </div>
                </div>
                <div class="carousel-controls">
                  <!-- Controls -->

                  <!-- Indicators -->
                  <ol class="carousel-indicators">
                    <li data-target="#carousel-hero" data-slide-to="0" class="animated fadeInUpBig animation-delay-27"></li>
                    <li data-target="#carousel-hero" data-slide-to="1" class="animated fadeInUpBig animation-delay-28 active"></li>
                    <li data-target="#carousel-hero" data-slide-to="2" class="animated fadeInUpBig animation-delay-29"></li>
                  </ol>
                </div>
              </div>
              </br></br></br>
            </div>
          </div>
        <!-- 控制右边电脑 -->
          <div class="col-lg-6 col-md-5">
            <div class="ms-hero-img animated zoomInUp animation-delay-30">
              <img src="./mock-imac-material2.png" alt="" class="img-responsive">
              <div id="carousel-hero-img" class="carousel carousel-fade slide" data-ride="carousel" data-interval="3000">
                <!-- Indicators -->
                <ol class="carousel-indicators carousel-indicators-hero-img">
                  <li data-target="#carousel-hero-img" data-slide-to="0" class=""></li>
                  <li data-target="#carousel-hero-img" data-slide-to="1" class=""></li>
                  <li data-target="#carousel-hero-img" data-slide-to="2" class="active"></li>
                </ol>
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                  <div class="ms-hero-img-slider item">
                    <img src="./hero1.png" alt="" class="img-responsive"> </div>
                  <div class="ms-hero-img-slider item">
                    <img src="./hero3.png" alt="" class="img-responsive"> </div>
                  <div class="ms-hero-img-slider item active">
                    <img src="./hero2.png" alt="" class="img-responsive"> </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- container -->
      </div>

      <!--查看作品功能（下面的）-->
        <div class="container mt-4" id="workin">
            <h2 class="text-center color-primary mb-2 wow fadeInDown animation-delay-4 view-works-1">
            作品欣赏
            </h2>
                <p class="lead text-center aco wow fadeInDown animation-delay-5 mw-800 center-block mb-4 view-works-1">           
                  <span class="color-primary">欢迎来到作品欣赏处，您可以在这里选择您想看的作品，也可以提交您想参赛的作品！</span>                  
                </p>

            <div class="ms-feature col-lg-3 col-md-6 col-sm-6 card wow flipInX animation-delay-4 view-works-1">
                <div class="text-center card-block">
                    <span class="ms-icon ms-icon-circle ms-icon-xxlg color-info">
                    <i class="glyphicon glyphicon-camera"></i>
                    </span>
                    <h4 class="color-info">摄影</h4>
                    <p>摄影作品</p>
                    <a href="index-works-photo.html" class="btn btn-info btn-raised button1 view-works-2">摄影作品
                    </a>
                    <a href="photo.html" class="btn btn-info btn-raised button1 button1 view-works-2">
                    作品提交
                    </a>
                </div>
            </div>
            <div class="ms-feature col-lg-3 col-md-6 col-sm-6 card wow flipInX animation-delay-8 view-works-1">
                <div class="text-center card-block">
                    <span class="ms-icon ms-icon-circle ms-icon-xxlg color-warning">
                    <i class="glyphicon glyphicon-align-center"></i>
                    </span>
                    <h4 class="color-warning">网文</h4>
                    <p>网络文章</p>
                    <a href="index-works-display.html" class="btn btn-warning btn-raised button1 view-works-2" >网文作品
                    </a>
                    <a href="artical.html" class="btn btn-warning btn-raised button1 button1 view-works-2">作品提交
                    </a>
                </div>
            </div>
            <div class="ms-feature col-lg-3 col-md-6 col-sm-6 card wow flipInX animation-delay-10 view-works-1">
                <div class="text-center card-block">
                    <span class="ms-icon ms-icon-circle ms-icon-xxlg color-success">
                    <i class="glyphicon glyphicon-phone"></i>
                    </span>
                    <h4 class="color-success">公益广告</h4>
                    <p>公益广告作品</p>
                    <a href="index-works-display.html" class="btn btn-success btn-raised button1 view-works-2">创意作品
                    </a>
                    <a href="adv.html" class="btn btn-success btn-raised button1 button1 view-works-2">作品提交
                    </a>
                </div>
            </div>
            <div class="ms-feature col-lg-3 col-md-6 col-sm-6 card wow flipInX animation-delay-6 view-works-1">
                <div class="text-center card-block">
                    <span class="ms-icon ms-icon-circle ms-icon-xxlg  color-danger">
                    <i class="glyphicon glyphicon-play"></i>
                    </span>
                    <h4 class="color-danger">微电影</h4>
                    <p class="">微电影作品</p>
                    <a href="index-works-display.html" class="btn btn-danger btn-raised button1 view-works-2">微电影作品
                    </a>
                    <a href="movie.html" class="btn btn-danger btn-raised button1 button1 view-works-2">
                    作品提交
                    </a>
                </div>
            </div>
        </div>

     <footer class="ms-footer">
        <div class="container">
          </br>
            <a href="#" id="footer-bottom"> &nbsp老师入驻  &nbsp|</a>
            <a href="#" id="footer-bottom"> &nbsp人才招聘  &nbsp|</a>
            <a href="#" id="footer-bottom"> &nbsp友情链接&nbsp|</a>
            <a href="#" id="footer-bottom"> &nbsp隐私条款</a>              
            </br>
            <img src="bxs.ico"><b>技术支持:</b>BXS (Best eXcited Security) Team
            </br>          
            <a href="#" id="footer-bottom">Copyright © 2017 BXS-team</a>
        </div>
      </footer>
      </div>

   <script async="" src="./analytics.js"></script>
    <script src="./plugins.min.js"></script>
    <script src="./app.min.js"></script>
    <script src="./configurator.min.js"></script>
    <script src="./index.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body></html>